<!DOCTYPE html>
<html lang="en" class="notranslate" translate="no">

<head>
    <meta name="google" content="notranslate"/>
    <meta http-equiv="pragram" content="no-cache"/>
    <meta http-equiv="cache-control" content="no-cache, must-revalidate"/>
    <meta http-equiv="expires" content="0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=10"/>
    <meta name=viewport
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <base href="/"/>
    <link rel="shortcut icon" href="./assets/public/images/favicon.ico?v=2020">
    <link rel="stylesheet" type="text/css"
          href="./assets/public/styles/common.css?v=djIuMTkuMV81ZmJlY2NiZTZlYjQ4OWVmMzVhNDliYmVlMTFlMTk4ZDNiYjg3NDg4">
    <link rel="stylesheet" type="text/css"
          href="./assets/public/styles/RIO_style.css?v=djIuMTkuMV81ZmJlY2NiZTZlYjQ4OWVmMzVhNDliYmVlMTFlMTk4ZDNiYjg3NDg4">
    <link rel="stylesheet" type="text/css"
          href="./assets/public/styles/login.2016.css?v=djIuMTkuMV81ZmJlY2NiZTZlYjQ4OWVmMzVhNDliYmVlMTFlMTk4ZDNiYjg3NDg4">
    <link rel="stylesheet" type="text/css"
          href="./assets/public/styles/tfa.css?v=djIuMTkuMV81ZmJlY2NiZTZlYjQ4OWVmMzVhNDliYmVlMTFlMTk4ZDNiYjg3NDg4">

    <title>OA登录</title>
    <script type="text/javascript">
        var pageCfg = {
            loginMethod: 3,
            captchaAppId: "",
            isShowCaptcha: false,
            maxFailedAttempt: 3,
            error: null,
            smsGuid: null,
            accountName: null,
            deviceType: "DeviceUnknown",
            isInternetLogin: false,
            MOALoginApp: "",
            IsSensitive: false,
            IsInternetLogin: false,
            IsEnableOutlook2FA: false,
            MOALoginUrl: "",
            QRCodeHandler: ".",
            QueryString: "url=http%3A%2F%2Ftest.zhaopin.woa.com%2F_hrtest_oa_login_%2F%3Furl%3D%252Fzhaopin%252Fcampus%252FcampusCenterApi%252Fv1%252Fbole%252Factivity%252FgetCurrentBoleActivity%26app%3D",
            WebPollInterval: 1000,
            LongPollingTimeout: 60,
            ShowQRCode: true,
            IsSecondStepLogin: false,
            SessionId: null,
        };

        if (pageCfg.deviceType == 'DevicePhone') {
            document.documentElement.classList.add("is-mobile");
        }
    </script>


    <script type="text/javascript" src="./assets/public/js/vue.min.js"></script>
    <script type="text/javascript" src="./assets/public/js/vue-i18n.min.js"></script>
    <script type="text/javascript"
            src="./assets/public/js/locales.js?v=djIuMTkuMV81ZmJlY2NiZTZlYjQ4OWVmMzVhNDliYmVlMTFlMTk4ZDNiYjg3NDg4"></script>
    <script type="text/javascript">
        function IEVersion() {
            var userAgent = navigator.userAgent;
            var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1;
            var isEdge = userAgent.indexOf("Edge") > -1 && !isIE;
            var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
            if (isIE) {
                var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
                reIE.test(userAgent);
                var fIEVersion = parseFloat(RegExp["$1"]);
                if (fIEVersion == 7) {
                    return 7;
                } else if (fIEVersion == 8) {
                    return 8;
                } else if (fIEVersion == 9) {
                    return 9;
                } else if (fIEVersion == 10) {
                    return 10;
                } else {
                    return 6;
                }
            } else if (isEdge) {
                return 'edge';
            } else if (isIE11) {
                return 11;
            } else {
                return -1;
            }
        }

        var ie = IEVersion();
        if (ie > 0 && ie < 10) {
            alert('系统检测到您的浏览器版本过低，影响使用体验，推荐使用IE11以上、Chrome、QQ浏览器以获得最佳体验')
        }

        function wrapStorage(storageName) {
            var store = {};
            ['getItem', 'setItem', 'removeItem', 'clear'].forEach(function (key) {
                store[key] = function () {
                    try {
                        return window[storageName][key].apply(window[storageName], arguments);
                    } catch (err) {
                        console.log(storageName + '.' + key + ' failed:', err);
                    }
                    return undefined;
                }
            })
            return store;
        }

        var Storage = {
            sessionStorage: wrapStorage('sessionStorage'),
            localStorage: wrapStorage('localStorage'),
        };
        Vue.filter('xss', function (input) {
            return input

                .replace(/<(?!\/?a).*?>/g, '')

                .replace(/\son\w+=[^\s>]+/g, '')
        })
    </script>
</head>

<body>
<noscript><strong>很抱歉，网站不能正常加载，请启用JavaScript后继续。</strong></noscript>
<div id="app">
    <div class="layout">


        <div class="banner_wrap" v-cloak v-if="window.pageCfg.deviceType != 'DevicePhone' && !isInternetLogin">

            <div class="rtx_top">
                <div class="rtx_top_banner">
                    <a><img src="./assets/public/images/top_banner.jpg" alt=""/></a>
                </div>
            </div>

        </div>


        <div class="notice-box">
            <div class="notice-body" style="max-width: 700px;background: #E2EDFD;border-color:#B9D7F8;">
                <svg class="notice-icon" id="t-icon-info-circle" viewBox="0 0 1024 1024">
                    <path fill-opacity=".9" fill-rule="evenodd" fill="#007fff"
                          d="M512 96c229.75 0 416 186.25 416 416S741.75 928 512 928 96 741.75 96 512 282.25 96 512 96zm0 64c-194.404 0-352 157.596-352 352s157.596 352 352 352 352-157.596 352-352-157.596-352-352-352zm32 256v256h64v64H480V480h-64v-64h128zm0-128v64h-64v-64h64z">
                    </path>
                </svg>

                <span style="color: #2D2D2F; margin-right: 10px">[[$t('为什么无法快速登录？')]]</span>

                <a :href="'/no-quick-login' + location.search" target="_blank"
                   style="color:#006eff;font-size:14px">[[$t('查看详情')]]</a>
            </div>
        </div>


        <div class="login_wrap" v-cloak>
            <div class="login_title">
                <h1 class="title">
                    Tencent 腾讯 企业门户
                    <img src="./assets/public/images/tencent.svg" alt="Tencent 腾讯 企业门户"/>
                </h1>
                <div :class="['dropdown', 'locale-changer', { active: isShowDropdown }]">
                    <button @click="showDropdown" class="dropbtn">
                        <img class="icon-lang" alt="icon" src="./assets/public/images/icon-lang.svg"/>
                        [[lang === 'zh' ? '简体中文' : 'English']]
                        <img class="icon-dropdown" alt="icon" src="./assets/public/images/icon-dropdown.svg"/>
                    </button>
                    <div id="myDropdown" class="dropdown-content" v-if="isShowDropdown">
                        <span @click="toggleLang('zh')" :class="{active: lang ==='zh'}">简体中文</span>
                        <span @click="toggleLang('en')" :class="{active: lang === 'en'}">English</span>
                    </div>
                </div>
            </div>
            <br/>


            <form id="login-form"
                  action="./modules/passport/signin.ashx?url=http%3A%2F%2Ftest.zhaopin.woa.com%2F_hrtest_oa_login_%2F%3Furl%3D%252Fzhaopin%252Fcampus%252FcampusCenterApi%252Fv1%252Fbole%252Factivity%252FgetCurrentBoleActivity%26app%3D"
                  method="POST">
                <input type="hidden" id="crypto_pk"
                       value="LS0tLS1CRUdJTiBSU0EgUFVCTElDIEtFWS0tLS0tCk1JSUJJakFOQmdrcWhraUc5dzBCQVFFRkFBT0NBUThBTUlJQkNnS0NBUUVBMEFoQzI1ZXZZRDZVYzROVCtUenAKTjZ5ZlpjdWorV1hDNHFqR0lvK0I0UVFjNE1oaVJLS1RlV3RKaDZmaHd5SjVLMjJrTFhWZ3MrOW1pVmVHaittYgpZUldya2pCNDdXTmc0MEhJeGY0bzRGaUNyT3BlT2EwK1FoS2pYbi9hMEtiRUdDdzR2QnJsNndaWjVVQ1JXNUp4CkdUWkNxWnpUYlE0MEthVmlGcXk2R3hKTVBHVHgwcUl2d1VJeHFCWlJLbGhET0pqb085VWRtYUhEWXZ5bG5RRFkKQWRLUXhIam8yVGR0UXgzb1pSSEpBSUFLYjZReWVIWUE3cGx3Yko5aXNPTC9oYXM4L1dSRHM1dlBpbFd3TWdEQwpzQ0sxQ2VxeXpnYkJjY25QRllvdkRuSU82Nk1IcFFvd00vdkFQcTJqaUNJSXZLZi8wOUQrbVJPMTJHTXhLS2xiClN3SURBUUFCCi0tLS0tRU5EIFJTQSBQVUJMSUMgS0VZLS0tLS0K"/>
                <input type="hidden" id="rsa_pk" value=""/>
                <input id="crypto_em" name="crypto_em" type="hidden" value="0"/>
                <input id="login_method" name="login_method" type="hidden" v-model="loginMethod"/>
                <input id="qrcode_uid" name="qrcode_uid" type="hidden"
                       value="TOF4~eyJpZCI6ImN2NXU2YmtvMTNucjBzNTRlaXFnIiwiaXNzIjoiMTEuMTY2LjY5LjE0NyJ9"/>
                <input id="qrcode_content" name="qrcode_content" type="hidden"
                       value="?uid=TOF4~eyJpZCI6ImN2NXU2YmtvMTNucjBzNTRlaXFnIiwiaXNzIjoiMTEuMTY2LjY5LjE0NyJ9%26host=test.zhaopin.woa.com"/>
                <input id="challenge" name="challenge" type="hidden" value=""/>
                <input id="lang" name="lang" type="hidden" v-model="lang"/>

                <div class="login_area_outer login_con_normal" v-show="loginMethod !== 5">
                    <div class="login_form">
                        <div class="log_main">

                            <div class="login-wrap" v-if="loginMethod === 2">

                                <div class="log_ui logTool">
                                    <div class="dsib log_tool_outer vm">
                                        <input class="txt username vm" type="hidden" id="userNameInp_encrypted"
                                               v-model="accountName"
                                               name="account_name"/>
                                        <input class="txt username vm" type="text" id="userNameInp"
                                               :placeholder="$t('英文 ID')"
                                               v-model="accountName" tabindex="1"/>
                                    </div>
                                </div>

                                <div class="log_ui logPass">
                                    <div class="dsib log_tool_outer vm">
                                        <label class="txt_default" for="upass" id="label_upass"
                                               default_txt="请输入您的密码"></label>
                                        <input class="txt userPass" type="hidden" id="passWordInp_encrypted"
                                               name="password"/>
                                        <input class="txt userPass" type="password" id="passWordInp"
                                               value=""
                                               :placeholder="$t('Outlook 密码')"
                                               tabindex="2"/>
                                    </div>
                                </div>
                            </div>

                            <div class="login-wrap" v-if="loginMethod === 3">

                                <div class="log_ui logTool">
                                    <div class="dsib log_tool_outer vm">
                                        <input class="txt username vm" type="hidden" id="userNameInp_encrypted"
                                               v-model="accountName"
                                               name="account_name"/>
                                        <input class="txt username vm" type="text" id="userNameInp"
                                               :placeholder="$t('英文 ID')"
                                               v-model="accountName" tabindex="1"/>
                                    </div>
                                </div>

                                <div class="log_ui logPass">
                                    <div class="dsib log_tool_outer vm">
                                        <label class="txt_default" for="upass" id="label_upass"
                                               default_txt="请输入您的密码"></label>
                                        <input class="txt userPass" type="hidden" id="passWordInp_encrypted"
                                               name="password"/>
                                        <input class="txt userPass" type="password" id="passWordInp"
                                               value=""
                                               placeholder="PIN + TOKEN"
                                               tabindex="2"/>
                                    </div>
                                </div>
                            </div>

                            <div class="login-wrap" v-if="loginMethod === 6">

                                <div class="log_ui logTool">
                                    <div class="dsib log_tool_outer vm">
                                        <input class="txt username vm" type="hidden" id="userNameInp_encrypted"
                                               v-model="accountName"
                                               name="account_name"/>
                                        <input class="txt username vm" type="text" id="userNameInp"
                                               :placeholder="$t('英文 ID')"
                                               v-model="accountName" tabindex="1"/>
                                    </div>
                                </div>

                                <div class="log_ui logPass">
                                    <div class="dsib log_tool_outer vm">
                                        <label class="txt_default" for="upass" id="label_upass"
                                               default_txt="请输入您的密码"></label>
                                        <input class="txt userPass" type="hidden" id="passWordInp_encrypted"
                                               name="password"/>
                                        <input class="txt userPass" type="password" id="passWordInp"
                                               value=""
                                               :placeholder="$t('Outlook 密码')"
                                               tabindex="2"/>
                                    </div>
                                </div>

                                <div class="sms-wrap">
                                    <div class="log_ui logSms">
                                        <div class="dsib log_tool_outer vm">
                                            <input id="sms-guid" type="hidden" maxlength="6" name="sms_guid" value=""/>
                                            <input class="sms-input txt" id="sms-input" type="tel" maxlength="6"
                                                   :placeholder="$t('短信验证码')" name="sms" autocomplete="off"/>
                                            <button v-if="!isSending && !remains" class="sms-btn"
                                                    @click.prevent="handleSendSms">[[$t('获取验证码')]]
                                            </button>
                                            <button v-else class="sms-btn" disabled>[[isSending ? $t('发送中') + '...' :
                                                $t('重新获取') + ' (' + remains + 's)']]
                                            </button>
                                            <div class="sms-tip">
                                                <img class="icon-tip" alt="icon"
                                                     src="./assets/public/images/question.svg"/>
                                                <div class="sms-tip-content">
                                                    1.[[$t('短信验证码将发送至员工绑定的手机号及企业微信。')]]<br>
                                                    2.[[$t('若未收到短信验证码，请检查手机号，或使用其他方式登录。')]]
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div v-if="isSmsSent" style="font-size: 13px">[[$t('短信验证码已发送至尾号为')+
                                    smsReceiver
                                    +$t('的手机号码，请注意查收')]]
                                </div>
                            </div>

                            <div class="append_op dsib">
                                <div class="dsib autoLogSet" id="errtip" style="color: #d93025;">[[$t('')]]</div>
                            </div>

                            <div class="logBtnOuter">
                                <button type="submit" id="logBtn" class="logBtn logNewVer" onclick=''>[[$t('登录')]]
                                </button>
                            </div>


                            <div class="login_outlook">
                                <div v-show="loginMethod !== 3" class="link" @click="toggleLoginMethod(3)">
                                    <i class="icon icon_switch"></i>[[$t('切换至 Pin+Token 验证')]]
                                </div>
                                <div v-show=" false && loginMethod !==6" class="link" @click="toggleLoginMethod(6)">
                                    <i class="icon icon_switch"></i>[[$t('切换至短信验证码验证')]]
                                </div>
                                <div v-show="true && loginMethod !== 2 && true" class="link"
                                     @click="toggleLoginMethod(2)">
                                    <i class="icon icon_switch"></i>[[$t('切换至 Outlook 密码验证')]]
                                </div>
                            </div>
                            <div class="newVerProBottom"></div>

                            <div class="quick-login-wrap" v-if="isMobile && isEnableMOA">
                                <div class="line">or</div>
                                <a @click="oneKeyLogin" id="link_moaLogin">
                                    [[$t(isWechat ? '一键登录' : 'MOA 快速登录')]]
                                </a>
                                <p v-if="!isWechat" class="moa-hint">[[$t('该登录方式需先下载 MOA')]]</p>
                            </div>
                        </div>

                    </div>

                    <div class="v_line">
                    </div>
                    <div class="login_qr_code">
                        <div>
                            <div class="qrcode_image">
                                <img id="qrcode_image" class="qr_img" alt=""/>

                                <div class="scan_success_area">
                                    <i class="icon_success"></i>
                                    <span class="txt">[[$t('扫描成功')]]</span>
                                </div>
                                <div class="scan_alert_area" onclick="restartQRcode()">
                                    <i class="icon_alert"></i>
                                    <span class="txt">[[$t('二维码失效')]]<br>[[$t('点击刷新')]]</span>
                                </div>
                            </div>

                            <i18n path="qrTips" tag="p" class="qr_tips">

                                <a href="https://work.weixin.qq.com/" target="_blank" class="tips">[[$t('企业微信
                                    2.4')]]</a>
                                <span>[[$t('或')]]</span>

                                <a href="https://moa.tencent.com" target="_blank" class="tips">[[$t('MOA
                                    3.2以上版本')]]</a>
                            </i18n>
                        </div>
                    </div>

                </div>

                <div class="login_con login_con_authorize">
                    <div class="login_authorize">
                        <div class="login_authorize_step">
                            <div class="user_area">
                                <div class="cover_area">
                                    <img id="user_image" class="user_img" :alt="$t('头像')"
                                         onerror="javascript:this.src='./assets/public/images/defaultUserImage.png'"/>
                                    <i class="cover"></i>
                                </div>
                                <p id="user_name" class="name"></p>
                            </div>
                            <i class="s_line"></i>
                            <i id="icon_scansrc" class="icon_phone"></i>
                            <i class="s_line s_line_2"></i>
                            <div class="ent_area">
                                <div class="cover_area">
                                    <img src="./assets/public/images/general_icon.jpg" id="sys_icon_img"
                                         class="enterprise_img" alt=""/>
                                    <i class="cover"></i>
                                </div>
                                <p id="sys_name" class="name">[[$t('公司内部系统')]]</p>
                            </div>
                        </div>
                        <div class="pop_tips">
                            <h3 class="title" id="user_confirmsource">[[$t('请在MOA确认登录')]]</h3>
                            <i18n path="qrBack" tag="p" class="txt">
                                <a href="javascript:void(0);" class="link_back"
                                   onclick="handleReturn();return false;">[[$t('返回')]]</a>
                            </i18n>
                        </div>
                    </div>
                </div>

            </form>

        </div>


    </div>
</div>

<script type="text/javascript" src="./assets/public/js/jquery-3.3.1.slim.min.js"
        onload="if (typeof module === 'object' && typeof module.exports === 'function') { window.$ = window.jQuery = module.exports; }">
</script>
<script type="text/javascript" src="./assets/public/js/nacl-util.min.js"></script>
<script type="text/javascript" src="./assets/public/js/nacl-fast.min.js"></script>
<script type="text/javascript" src="./assets/public/js/sealedbox.min.js"></script>
<script type="text/javascript" src="./assets/public/js/security.min.js"></script>
<script type="text/javascript" src="./assets/public/js/base64.min.js"></script>
<script type="text/javascript"
        src="./assets/public/js/qrcode.js?v=djIuMTkuMV81ZmJlY2NiZTZlYjQ4OWVmMzVhNDliYmVlMTFlMTk4ZDNiYjg3NDg4"></script>

<script type="text/javascript"
        src="./assets/public/js/banner.js?v=djIuMTkuMV81ZmJlY2NiZTZlYjQ4OWVmMzVhNDliYmVlMTFlMTk4ZDNiYjg3NDg4"></script>


<script type="text/javascript"
        src="./assets/public/js/app.js?v=djIuMTkuMV81ZmJlY2NiZTZlYjQ4OWVmMzVhNDliYmVlMTFlMTk4ZDNiYjg3NDg4"></script>


</body>

</html>